(function(){
    $.ajax({
        url:'http://chst.vip:1234/api/getbrandtitle'
    }).then(res=>{
        console.log(res.result)
        let html=res.result.reduce((value,item)=>{
            return value+`
            <div class='panel' brandTitleid=${item.brandTitleId}>
                <div class="panel-head">
                    <span class="fl">${item.brandTitle}</span>
                    <i class="fr">▼</i>
                </div>
                <ul class="row"></ul>
            </div>`
        },"")
        $('.panel-group').html(html)


        $('.panel').map(function(){
            $.ajax({
                url:`http://chst.vip:1234/api/getbrand?brandtitleid=${$(this).attr('brandtitleid')}`,
            }).then(res=>{
                let html=res.result.reduce((value,item,index)=>{
                    return value+`
                      <a href="../pages/brandList.html?title=${item.brandName}&brandtitleid=${item.brandTitleId}">
                      <li>
                      <span class='id'>${index}</span>
                      <span class='title'>${item.brandName}</span><br/>
                      <span class="sell">${item.brandInfo}</span>
                      </li>
                      </a>
                    `
                },"")
                $(this).find('.row').html(html)

                $(this).find('.row').slideUp(13)

                $(this).find('.panel-head').click(function(){
                    console.log('111')
                    $(this).parent().find('.row').slideToggle(200).parent().siblings().find('.row').slideUp(200)
                })
            })
        })
    })
})()